<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>SIGNAL SERVER</title>
<!--    /etc/nginx  -->
</head>
<body>
<label>
    <p>Server</p>
    <input type="text" id="room_server"/>
    <p>RoomId</p>
    <input type="text" id="room_id"/>
    <p>UserId</p>
    <input type="text" id="user_id"/>
</label>
<p></p>
<form>
    <select id="video_option">
        <option id="video_camera">video_camera</option>
        <option id="screen_desktop">screen_desktop</option>
    </select>
</form>
<br/>
<button onclick="EnterRoom()" id="enter_room">EnterRoom</button>
<button onclick="LeftRoom()" id="left_room" disabled="true">LeftRoom</button>
<button onclick="PublishStreamStatus()" id="publish_stream_status" disabled="true">Publish</button>
<p>DISPLAY</p>
<table>
    <tr>
        <td align="center">local_video</td>
    </tr>
    <tr>
        <td>
            <div style="width: 640px;height: 480px;background-color: lightslategrey">
                <video id="local_video"></video>
            </div>
        </td>
    </tr>
    <tr id="remote_video_tr">

    </tr>
</table>
</body>
<script src="./js/media_operate.js"></script>
<script src="./js/inout_msg.js"></script>
<script src="./js/heart_beat.js"></script>
<script src="./js/signal_server.js"></script>
</html>